﻿* {
    margin: 0;
    font-family: calibri;
}

a {
    text-decoration: none;
    color: gray;
}

body {
    font-family: calibri;
    font-size: 75%;
    background-image: url('../Images/bg.jpg');
    background-repeat: repeat-x;
    background-color: #FBFBFB;
    border-radius: 0 0 15px 15px;
}

input[type=submit] {
    border-style: none;
    background-color: #99BD3C;
    color: #FFFFFF;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
}

header {
    width: 100%;
    height: 100px;
    background-color: #FFFFFF;
    background-image: url('../Images/bgHeader.jpg');
    background-repeat: no-repeat;
    border-bottom: 3px solid #60a7ae;
}

footer {
    width: 100%;
    height: 100px;
    background-color: #60a7ae;
    /* background-image: url('../Images/bgHeader.jpg'); */
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 0 0 15px 15px;
}

h1 {
    text-indent: -9999px;
    background-image: url('../Images/logo.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 97px;
    float: left;
    margin: 0 10px 0 10px;
}

fieldset {
    margin: 7px;
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #60a7ae;
}

legend {
    font-size: 13px;
    padding: 5px 36px;
    background-color: #60a7ae;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    text-align: left;
    min-width: 119px;
    margin: 0px 0 10px 0;
}

input[type=text], input[type="password"] {
    padding: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px gray;
    color: gray;
    width: 159px;
    font-size: 12px;
}

nav {
    padding: 10px 0 0 0;
    position: relative;
    top: 28px;
    left: 20px;
    float: left;
    display: inline-block;
    width: 630px;
}

    nav ul {
        list-style: none;
    }

        nav ul li {
            float: left;
            width: 95px;
            background-color: #60a7ae;
            font-size: 8.5px;
            padding: 4px;
            text-align: center;
            margin: 0 2px 0 0;
            text-decoration: none;
            text-transform: uppercase;
            color: #fff;
            cursor:pointer;
        }

            nav ul li:hover {
    background-color: #427B82;
}
    nav a {
    color:#fff;
    }
select {
    padding: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px gray;
    color: gray;
    font-size: 12px;
    width: 162px;
}

.wrapper {
    width: 1100px;
    height: auto;
    background-color: #E5FFE9;
    margin: 0 auto;
    border-radius: 0 0 15px 15px;
    border: 1px solid #CACACA;
    border-top: none;
}

.ContenedorGrilla {
    width: 100%;
    font-size: 11px;
}

.filaCorta {
    width: 160px;
    height: 44px;
    float: left;
    margin: 0 5px 0 0;
    text-align: left;
}

.fila {
    width: 261px;
    height: 31px;
    float: left;
    margin: 0 5px 0 0;
    text-align: left;
}

    .fila span {
        width: 67px;
        display: inline-block;
        height: 31px;
        color: gray;
    }

.filaBotones {
    width: 100%;
    float: left;
}

.cut {
    clear: both;
}

/* =================== comunes ========================*/

.floatLeft {
    float: left;
}

/* =================== Turnos  ========================*/

#panelTurnoDatos {
    width: 55%;
}

#panelCalendario {
    width: 27%;
}

#contenedorDatosPaciente {
    width: 100%;
}

#contenedorHorarios {
    width: 60%;
}

.contenedor100 {
    width: 100%;
}

/* calendar*/
.TodayDayStyle {
    font-size: 11px;
    color: gray;
    text-decoration: none;
    font-weight: bold;
}

.calendar {
    width: 100%;
    height: 204px;
    background-color: #fff;
    border: solid 1px gray;
    font-family: Calibri;
}

.diasPasados {
    color: gray !Important;
}

.horaTurno {
    height: 35px;
    padding: 10px 0 0 0;
    width: 100%;
}

.fieldsetBuscar {
    float: left;
    width: 281px;
    height: auto;
}

.filaBuscar {
    float: left;
    width: 247px;
    height: 29px;
}

    .filaBuscar span {
        width: 56px;
        /* background-color: blue; */
        display: inline-block;
        text-align: left;
        margin: 0 10px 0 0;
    }

/* =================== Login  ========================*/

.containerLogin {
    background-position: 0px 0px;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    display: block;
    background-image: url('../Images/bglogin.jpg');
    background-repeat: no-repeat;
}

.login {
    background-position: center center;
    width: 304px;
    height: 291px;
    padding: 11px;
    position: relative;
    float: left;
    background-image: url('../Images/bgInputLogins.png');
    background-repeat: no-repeat;
    border-radius: 0 20px 20px 0;
}

.imgLogin {
    width: 400px;
    height: 312px;
    background-color: red;
    float: left;
    border-radius: 20px 0 0 20px;
}

.login h2 {
    float: left;
    font-size: 27px;
    width: 100%;
    color: #FFF;
    padding: 18px 0 28px 25px;
}

.filaLogin {
    float: left;
    width: 300px;
    height: 30px;
    color: #fff;
    margin: 10px 0 0 28px;
}

    .filaLogin span {
        float: left;
        width: 73px;
        margin: 6px 0 0 0;
    }

.textoFooter {
    position: relative;
    text-align: center;
    padding: 10px 0 0 0;
    color: #366469;
}

/* =================== Login  ========================*/

.log {
    float: left;
    width: 180px;
    height: 48px;
    margin: 21px 5px 0 0;
    background-color: rgb(255, 255, 255);
    border: 1px solid #60a7ae;
    padding: 5px;
    border-radius: 49px 10px 10px 49px;
}

.fotoLog {
    float: left;
    margin: 0 6px 0 0;
}

.NombreLog {
    color: #60a7ae;
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0 0 0;
}

.imgLog {
    border-radius: 33px;
}

.HeaderStyle, .FooterStyle {
    background-color: #d1e29f;
    color: #87A431;
    font-size: 12px;
    font-weight: lighter;
    font-family: Calibri;
    padding: 5px;
    margin: 5px;
}

.AlternatingRowStyle {
    background-color: #BFDFFF;
    color: #4F949B;
    font-size: 12px;
    font-weight: lighter;
    font-family: Calibri;
    padding: 5px;
    margin: 5px;
}

.RowStyle {
    background-color: #D5EAFF;
    color: #4F949B;
    font-size: 12px;
    font-weight: lighter;
    font-family: Calibri;
    padding: 5px;
    margin: 5px;
}

.SelectedRowStyle {
    background-color: #3399FF;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: lighter;
    font-family: Calibri;
    padding: 5px;
    margin: 5px;
}

.columnaA {
    float: left;
    width: 256px;
}

.columnaB {
    float: left;
    width: 50%;
    margin: 0 20px 0 0;
}

.detallesTurno {
    width: 200px;
    float: left;
    height: 173px;
    background-color: #fff;
    border: solid 1px #60a7ae;
    margin: 19px 0 0 0;
    border-radius: 5px;
}

    .detallesTurno span {
        float: left;
        width: 195px;
        margin: 2px 0 0 5px;
        font-size: 17px;
        color: #FA930B;
    }

.txtMsj {
    width: 100px;
    height: 20px;
}

.tituloDetalleTurno {
    font-size: 12px !important;
    color: gray !important;
}

.centerDiv {
    width: 727px;
    height: 313px;
    margin: 0 0 0 17%;
    top: 30px;
    position: relative;
    border-radius: 10px;
}


.imgHome {
    width:1100px;

}